<template>
    <div>
        <!-- 
            interval	自动切换的时间间隔，单位为毫秒  number
            height	走马灯的高度	string
            initial-index	初始状态激活的幻灯片的索引，从 0 开始	number
            trigger	指示器的触发方式	string	可选值 click
         -->
        <el-carousel :interval="5000" arrow="always" class="carousel">
            <el-carousel-item>
                <img src="@/assets/images/qy1.jpg">
            </el-carousel-item>
            <el-carousel-item>
                <img src="@/assets/images/qy2.jpg">
            </el-carousel-item>
            <el-carousel-item>
                <img src="@/assets/images/qy3.jpg">
            </el-carousel-item>
            <el-carousel-item>
                <img src="@/assets/images/qy4.jpg">
            </el-carousel-item>
        </el-carousel>
    </div>
</template>
<script>
export default {
    name: '',
    components: {

    },
    mixins: [],
    props: {

    },
    data() {
        return {

        }
    },
    computed: {

    },
    watch: {

    },
    mounted() {

    },
    methods: {

    }
};
</script>


<style lang='less' scoped>

.carousel{
    width: 100%;
    max-height: 640px;
    /deep/ .el-carousel__container{
        max-height: 640px;
        height: 528px;
    }
    img{
        width: 100%;
        height: 100%;
    }
}


</style>